<template>
	<view>
		<view class="mall-info"></view>
		<view class="mall-title">{{title}}</view>
		<view class="mall-text">{{text}}</view>
		<view class="btn">
			<text class="home" @click="go('index/index')">返回首页</text>
			<text class="ucenter" @click="go('ucenter/index')">会员中心</text>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:"页面发生错误"
			},
			text:{
				type:String,
				default:"您访问的页面不存在"
			}
		},
		methods:{
			go(path){
				this.$url.create(path).switchTab()
			}
		}
	}
</script>

<style lang="scss" scoped>
	.mall-info {
		padding-top: 150rpx;
		width: 100%;
		height: 378rpx;
		background-repeat: no-repeat;
		background-size: 380rpx;
		background-position: center;
		background-image: url();
	}
	.mall-title{
		width: 100%;
		font-size: 40rpx;
		color: #333;
		text-align: center;
	}
	.mall-text{
		width: 100%;
		font-size: 28rpx;
		text-align: center;
		color: #333;
		padding: 50rpx 0 70rpx 0;
	}
	.btn{
		width: 100%; text-align: center;
		text {
			width: 195rpx; height:60rpx; line-height: 60rpx; font-size:28rpx;
			display: inline-block;
			border-radius: 15rpx;
		}
		.home {
			color: #fff; background-color: #b71c1c;
			margin-right: 20rpx;
		}
		.ucenter{
			color: #666; background-color: #f7f7f7;
			margin-left: 20rpx;
		}
	}
</style>
